<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<style>
			hero{
				color: red;
			}
		</style>
	</head>
	<body>
		<name>zhangsan</name>
		<hero>lisi</hero>
		<form>
			<input type="text" autofocus="autofocus" placeholder="请在这个地方输入你的姓名"/>
			颜色:<input type="color" value="#FF0000"/><br />
			日期:<input type="date" value="2018-01-01"/><br />
			时间：<input type="time" value="12:12"/><br />
			日期时间:<input type="datetime-local" value="2018-01-01T11:11"/><br />
			月:<input type="month" value="2018-04"/><br />
			周：<input type="week" value="2018-W01"/><br />
			数字：<input type="number" autofocus="autofocus" min="0" max="10" step="2" value="8"/><br />
			滑动条:<input type="range" value="10" min="0" max=""/>
			<br />
			
			请选择张三的专业：<input list="major"/>
			<br />
			请选择李四的专业：<input list="major"/>
			<br />
			请选择王二的专业：<input list="major"/>
		
			
			<datalist id="major">
				<option>软件工程1</option>
				<option>计算机应用技术</option>
				<option>软件工程3</option>
				<option>计算机科学与技术专业</option>
			</datalist>
		</form>
		<hr />
		
		<form oninput="result.value = parseInt(num1.value)  + parseInt(num2.value)">
			数字：<input type="number" id="num1" name="num1" value="50"/><br />
			滑动条:<input type="range" id="num2" name="num2" value="10"/><br />
			结果：<output name="result" for="num1 num2"></output>
		</form>
<hr />
<form action="https://www.baidu.com">
	<input type="text" required="required" />
	<input type="submit" />
</form>
	</body>
</html>
